﻿BODY, HTML {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #005193;
    width: 1024px;
    height: 768px;
}

*{outline:0;}

.loading {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

    .loading img {
        width: 100px;
    }


.clear {
    clear: both;
}

.video {
    display: none;
}

body.tabletSmallBackground {
    background-color: #005193;
    background-image: url(../../images/mobile/background-tablet.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
     overflow: hidden;
     width: 1024px;
    height: 768px;
}

.tabletSmall {
    position: fixed;
    padding-left: 0;
    padding-right: 0;
    left: 50%;
    margin-left: -512px;
    margin-right: auto;
    display: block;
    position: relative;
    width: 1024px;
    height: 768px;
}

    .tabletSmall .videoActive {
        display: block;
        position: absolute;
		z-index: 1;
        top: 278px;
        left: 0;
        width: 640px;
        height: 360px;
    }

    .tabletSmall #tvcVideo.videoActive {
        left: 334px;
        width: 405px;
        height: 252px;
    }

    .tabletSmall .buttonNext {
        position: absolute;
        display: block;
        text-align: center;
        width: 1024px;
        height: 960px;
        top: 0;
        padding-top: 270px;
        display: none;
    }
        .tabletSmall .buttonNext button {
            width: 100px;
            height: 100px;
            background-image: url(../../images/mobile/buttonNext.png);
            border: none;
            background-repeat: no-repeat;
            background-color: transparent;
        }
        .tabletSmall .buttonNext button:hover, .tabletSmall .buttonNext button.active {
            background-position: -100px 0;
        }

    .tabletSmall .buttons {
        display: none;
    }

        .tabletSmall .buttons button {
            width: 84px;
            height: 90px;
            background-image: url(../../images/mobile/buttons.png);
            background-repeat: no-repeat;
            border: none;
            background-color: transparent;
            position: absolute;
        }

        .tabletSmall .buttons #btnHome {
            background-position: -85px 0;
            margin: 0 0 0 130px;
        }

        .tabletSmall .buttons #btnVideo {
            background-position: -252px 0;
            margin: 10px 0 0 227px;
        }

        .tabletSmall .buttons #btnMusic {
            background-position: -168px 0;
            margin: 10px 0 0 703px;
        }

        .tabletSmall .buttons #btnShare {
            background-position: -1px 0;
            margin: 0px 0 0 810px;
        }

        .tabletSmall .buttons #btnHome:hover, .tabletSmall .buttons #btnHome.active {
            background-position: -418px 0;
        }

        .tabletSmall .buttons #btnVideo:hover, .tabletSmall .buttons #btnVideo.active {
            background-position: -586px 0;
        }

        .tabletSmall .buttons #btnMusic:hover, .tabletSmall .buttons #btnMusic.active {
            background-position: -503px 0;
        }

        .tabletSmall .buttons #btnShare:hover, .tabletSmall .buttons #btnShare.active {
            background-position: -336px 0;
        }
.txt-c{text-align: center;}
.left{float: left;}
.right{float: right;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.clearAll{clear:both;}
.content-share{
	display: none;
	width: 477px;
	height: 352px;
	background: url(../../images/mobile/bg-tab-share.png) no-repeat;
	position: absolute;
	z-index: 0;
	top: 225px;
	left: 700px;
	color: #fff;
	font-size: 16px;
	font-family: Myriad Pro;
}

.content-share .tab-main{
	width: 430px;
	margin: 15px auto 0;
}

.btn-thamgia, .btn-code{
	display: inline-block;
	width: 165px;
	height: 32px;
	background: url(../../images/mobile/btn-thamgia-tablet.png) no-repeat;
}

.btn-code{
	width: 206px;
	background: url(../../images/mobile/btn-code-tablet.png) no-repeat;
}

.tabletSmallBackground .btn-thamgia{
	position: static;
	top: auto;
	left: auto;
}

.table-ketqua{
	width: 210px;
	font-size: 12px;
	font-weight: bold;

}

.table-ketqua .number{
	width: 40px;
	font-weight: normal;
    margin: 0;
}

.btn-tablet-week-1, .btn-tablet-week-2, .btn-tablet-week-3, .btn-tablet-week-4, .btn-tablet-boqua{
	display: inline-block;
	width: 80px;
	height: 29px;
	background: url(../../images/mobile/btn-tablet-week-1.png) 0 bottom no-repeat;
}

.btn-tablet-week-2{
	background: url(../../images/mobile/btn-tablet-week-2.png) 0 bottom no-repeat;
}

.btn-tablet-week-3{
	background: url(../../images/mobile/btn-tablet-week-3.png) 0 bottom no-repeat;
}

.btn-tablet-week-4{
	background: url(../../images/mobile/btn-tablet-week-4.png) 0 bottom no-repeat;
}

.btn-tablet-boqua{
	width: 75px;
	background: url(../../images/mobile/btn-tablet-boqua.png) no-repeat;
}

.btn-tablet-week-1.active, .btn-tablet-week-2.active, .btn-tablet-week-3.active, .btn-tablet-week-4.active{
	background-position: 0 0;
}

.tabletSmallBackground .tab-register{
	padding: 0;
	text-align: left;
	font-size: 14px;
	float: none;
}

.tabletSmallBackground .tab-register .form-register{
	width: 221px;
}

.tabletSmallBackground .tab-register .check-link{
	width: 190px;
}

.tabletSmallBackground .tab-register .lable{
	font-size: 16px;
	font-weight: bold;
}

.tabletSmallBackground .tab-register .form-register .input-tablet{
	width: 211px;
	height: 23px;
	background: url(../../images/mobile/bg-input-tablet.png) no-repeat;
	padding: 0 5px;
}

.tabletSmallBackground .tab-register .form-register .input-tablet input{
	background: none;
	border: none;
	height: 23px;
	width: 211px;
	font-size: 14px;
	font-family: Myriad Pro;
}

.tab-again-share .form-register .again{
	font-size: 18px;
	font-weight: bold;
    width: 211px;
}
.tab-again-share  .form-register{
    width: 221px;
}
.tabletSmallBackground .tab-again-share .check-link{
	width: 190px;
}
.tabletSmallBackground .tab-again-share .check-link{
	width: 190px;
}

.tabletSmallBackground .tab-again-share .lable{
	font-size: 16px;
	font-weight: bold;
}
.tabletSmallBackground .tab-again-share .title-1{
	font-size: 14px;
	font-style: italic;
}

.tabletSmallBackground .tab-again-share .item .img{
	width: 40px;
}

.tabletSmallBackground .tab-again-share .item .text{
	width: 140px;
	font-size: 12px;
	margin-top: 5px;
}

.tabletSmallBackground .tab-register .title-1{
	font-size: 14px;
	font-style: italic;
}

.tabletSmallBackground .tab-register .item .img{
	width: 40px;
}

.tabletSmallBackground .tab-register .item .text{
	width: 140px;
	font-size: 12px;
	margin-top: 5px;
}

.icon-cuatui, .icon-zing{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../../images/mobile/icon-cuatui-tablet.png) no-repeat;
	position: relative;
	z-index: 0;
}

.icon-zing{
	background: url(../../images/mobile/icon-zing-tablet.png) no-repeat;
}

.tabletSmallBackground .tab-register .item .icon .check{
	display: none;
	width: 32px;
	height: 25px;
	background: url(../../images/mobile/icon-check-tablet.png) no-repeat;
	position: absolute;
	z-index: 0;
	bottom: -5px;
	left: -5px;
}
.tabletSmallBackground .tab-again-share .item .icon .check{
	display: none;
	width: 32px;
	height: 25px;
	background: url(../../images/mobile/icon-check-tablet.png) no-repeat;
	position: absolute;
	z-index: 0;
	bottom: -5px;
	left: -5px;
}
.tabletSmallBackground .tab-register .item .icon.active .check{
	display: block;
}
.tabletSmallBackground .tab-again-share .item .icon.active .check{
	display: block;
}

.btn-share-face{
	display: block;
	width: 222px;
	height: 43px;
	background: url(../../images/mobile/btn-share-tablet.png) no-repeat;
	border: none;
    margin-left: 110px;
}

.tabletSmallBackground .tab-noti{
	padding: 0;
	text-align: center;
	font-size: 16px;
}

.tabletSmallBackground .tab-noti strong{
	font-size: 18px;
}

.btn-tieptuc-tablet, .btn-tablet-boqua-1{
	display: inline-block;
	width: 158px;
	height: 44px;
	background: url(../../images/mobile/btn-tieptuc-tablet.png);
}

.btn-tablet-boqua-1{
	background: url(../../images/mobile/btn-tablet-boqua-1.png);
}

.bg-number-noti-tablet{
	display: inline-block;
	width: 208px;
	height: 54px;
	font-family: 'utm_american_sansregular';
	font-size: 36px;
	color: #3a589b;
	text-align: center;
	background: url(../../images/mobile/bg-number-noti-tablet.png) no-repeat;
}

.bg-tvc{
	display: none;
	width: 440px;
	height: 287px;
	background: url(../../images/mobile/bg-tvc.png) no-repeat;
	position: absolute;
	z-index: 0;
	top: 261px;
	left: 316px;
}

.icon-face{
	display: inline-block;
	width: 113px;
	height : 33px;
	background: url(../../images/mobile/icon-face.png) no-repeat;
	position: absolute;
	z-index: 0;
	bottom: -15px;
	left: -65px;
}

.ketqua-ketqua{
	position: relative;
	z-index: 0;
}

.ketqua-ketqua .div-week{
	width: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 272px;
}

.img-baihat{
	display: none;
	width: 407px;
	height: 477px;
	background: url(../../images/mobile/img-baihat.png) no-repeat;
	position: absolute;
	z-index: 0;
	top: 67px;
	left: 552px;
}

.tabletSmallBackground .content-share .tab-rules{
	padding: 0;
	margin-top: 25px;
}

.tabletSmallBackground .content-share #iscroll_rules{
	width: auto;
	padding: 0;
	float: none;
	height: 208px;
}

.tabletSmallBackground .content-share .tab-giaithuong{
	padding: 0;
	float: none;
	width: auto;
}

.tabletSmallBackground .content-share .tab-giaithuong #iscroll_giaithuong{
	width: auto;
	height: 215px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.btn-giaithuong-tablet, .btn-thamgia-tablet-1, .btn-ketqua-tablet{
	display: inline-block;
	width: 154px;
	height: 34px;
	background: url(../../images/mobile/btn-giaithuong-tablet.png) no-repeat;
}

.btn-thamgia-tablet-1{
	width: 137px;
	background: url(../../images/mobile/btn-thamgia-tablet-1.png) no-repeat;
}

.btn-ketqua-tablet{
	width: 123px;
	background: url(../../images/mobile/btn-ketqua-tablet.png) no-repeat;
}

.title-ketqua{
	font-size: 22px;
	font-weight: bold;
	font-family: tahoma;
}

.title-ketqua span{
	font-size: 16px;
}




